<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="utf-8">
<title>五谷香</title>
<link href="../dt/css/font-awesome.min.css" rel="stylesheet">
<link href="../dt/css/bootstrap.min.css" rel="stylesheet">
<link href="../dt/css/templatemo-style.css" rel="stylesheet">
<link href="../dt/css/common.css" rel="stylesheet" type="text/css" />

</head>
<style type="text/css">
.Navigation_name>#jie {
	margin-top: 20px;
}

.pagin {
	margin: 20px;
	display: block;
}

.message {
	line-height: 35px;
	font-size: 12px;
	color: #333;
	float: left;
}

.paginItem {
	float: left;
}

.paginItem a {
	border: 1px solid #ddd;
	float: left;
	width: 44px;
	text-align: center;
	height: 26px;
	line-height: 26px;
	color: #03C;
	display: inline-block;
}

.blue {
	color: #ff0303;
	padding: 0 5px
}

.paginList {
	float: right;
	padding-right: 20px;
}

#t {
	float: left;
	padding-right: 30px;
	margin-left: 110px;
	position: relative;
}

#slogan {
	position: relative;
	top: 83px;
	left: 45px;
	height: 80px;
	width: 1000px;
	margin: auto;
}

#slogan_one {
	font-size: 25px;
	margin-left: 70px;
}

#slogan_two {
	font-weight: bolder;
	font-size: 28px;
	color: red;
}
</style>
<body>
	<!-- Left column -->
	<div class="templatemo-flex-row">
		<div class="templatemo-content col-1 light-gray-bg"
			style="width: 100%; height: 100%;">
			<div id="top">
				<div class="Inside_pages">
					<div class="hd_top_manu clearfix">
						<ul class="clearfix">
							<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a
								href="/dt/que.do">五谷香首页</a></li>
							<c:if test="${name == null || name == ''}">
								<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a
									href="/dt/login.htm">登录${name }</a></li>
								<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a
									href="/dt/reg.htm">注册</a></li>
							</c:if>
							<c:if test="${name != null || name != ''}">
								<li class="hd_menu_tit" data-addclass="hd_menu_hover">${name}</li>
								<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a
									href="/dt/logout.do">退出</a></li>
							</c:if>
						</ul>
					</div>
				</div>
			</div>
			<div class="Navigation" id="Navigation" style="height: 80px">
				<ul class="Navigation_name">
					<li><img alt="" src="../dt/img/logo.jpg"
						style="width: 100px; height: 80px"></li>
					<li id="jie"><a href="/dt/index.do" class="active"><i
							class="fa fa-home fa-fw"></i>我的首页</a></li>
					<li id="jie"><a href="/dt/setUser.htm"><i
							class="fa fa-bar-chart fa-fw"></i>修改信息</a></li>
					<li id="jie"><a href="/dt/queryStateOrder.do?orderState=已支付"><i
							class="fa fa-database fa-fw"></i>订单中心</a></li>
					<li id="jie"><a href="/dt/queryTrade.do"><i
							class="fa fa-map-marker fa-fw"></i>交易记录</a></li>
					<li id="jie"><a href="/dt/shopping.do"><i
							class="fa fa-map-marker fa-fw"></i>我的购物车</a></li>
					<li id="jie"><a href="/dt/addressMessage.do"><i
							class="fa fa-map-marker fa-fw"></i>地址管理</a></li>
				</ul>
			</div>
			<script>
				$("#Navigation").slide({
					titCell : ".Navigation_name li",
					trigger : "click"
				});
			</script>
			<div class="templatemo-content-container">
				<div class="templatemo-content-widget no-padding">
					<div class="panel panel-default table-responsive">
						<table
							class="table table-striped table-bordered templatemo-user-table">
							<thead>
								<tr>
									<td><a href="" class="white-text templatemo-sort-by">id<span
											class="caret"></span></a></td>
									<td><a href="" class="white-text templatemo-sort-by">用户名
											<span class="caret"></span>
									</a></td>
									<td><a href="" class="white-text templatemo-sort-by">结算前金额
											<span class="caret"></span>
									</a></td>
									<td><a href="" class="white-text templatemo-sort-by">交易后金额
											<span class="caret"></span>
									</a></td>
									<td><a href="" class="white-text templatemo-sort-by">交易的订单号<span
											class="caret"></span></a></td>
									<td><a href="" class="white-text templatemo-sort-by">交易时间
											<span class="caret"></span>
									</a></td>
									<td><a href="" class="white-text templatemo-sort-by">交易额</a></td>
									<td><a href="" class="white-text templatemo-sort-by">重量</a></td>
								</tr>
							</thead>
							<tbody>
								<c:forEach items="${queryTrade.list}" var="query">
									<tr>
										<td>${query.id}</td>
										<td>${query.name}</td>
										<td>${query.preMoney}</td>
										<td>${query.aftMoney}</td>
										<td>${query.orderId}</td>
										<td>${query.time}</td>
										<td>${query.tradeMoney}</td>
										<td>${query.weight}</td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
					</div>
					<div class="pagin">
						<div class="message">
							共<i class="blue">${queryTrade.total}</i>页，当前显示第&nbsp;<i class="blue">${queryTrade.pageIndex }&nbsp;</i>页
						</div>
						<ul class="paginList">
							<li class="paginItem"><a
								href="/dt/queryTrade.do?pageIndex=${queryTrade.pageIndex-1}">上一页 </a></li>
							<li class="paginItem"><a
								href="/dt/queryTrade.do?pageIndex=${queryTrade.pageIndex+1}"> 下一页</a></li>
						</ul>
					</div>
				</div>
				<div id="slogan">
					<span id="slogan_one"><b id="slogan_two">优</b> 品种优良</span> <span
						id="slogan_one"><b id="slogan_two">绿</b> 绿色健康</span> <span
						id="slogan_one"><b id="slogan_two">精</b> 米中精品</span> <span
						id="slogan_one"><b id="slogan_two">香</b> 优选五谷香</span>
				</div>
			</div>
		</div>
	</div>
</body>
</html>